html,body,ul,dl,ol,p,h1,h2,h3,h4,h5,h6 {
    padding: 0;
    margin: 0;
    font-family: '楷体';
}
ul,ol,dl {
    list-style: none;
}
button,input {
    outline: none;
}
html,
body {
    height: 100%;
     background-color: #ccc;
}

/* 浮动 */
.fl {
    float: left;
}
.fr {
    float: right;
}
.clearfix::after {
    content: '';
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;

}

/* 弹性布局 */
.flex {
    display: flex;
    justify-content: space-around;
    flex-direction:row;
    flex-wrap: nowrap;
    align-items: center;
}

.flex-wrap {
     flex-wrap: wrap;
}